@page("User Home"){
@loginheader("User Home")
 <div class="hero-unit">
 <p><h3>Surname, Name</h3></p>
 <p>user email address <a href="#" class="btn pull-right">Update Profile</a></p>
 <p></p>
 </div>
 
 <div class="container" style="background-color:White">
 <div>
 <table class="table table-hover">
 <caption>Recent Added Course (Max. last 5 Record)</caption>
  <thead>
    <tr>
      <th>#</th>
      <th>Title</th>
      <th>Lecturer</th>
      <th>Institution</th>
      <th>Web Site</th>
      <th>Score</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Irrationality for Beginners</td>
      <td>Dan Ariely</td>
      <td>Duke University</td>
      <td><a href="https://class.coursera.org/behavioralecon-001/class/index">Coursera</a></td>
      <td>Not Voted Yet</td>
      <td>
      <a href="#" data-toggle="tooltip" title="" data-original-title="Delete Course From List"><button type="button" class="close" id="deletemycourse">&times;</button></a>
      </td>
    </tr>
    <tr>
      <td>1</td>
      <td>Irrationality for Beginners</td>
      <td>Dan Ariely</td>
      <td>Duke University</td>
      <td><a href="https://class.coursera.org/behavioralecon-001/class/index">Coursera</a></td>
      <td>Not Voted Yet</td>
      <td>
      <a href="#" data-toggle="tooltip" title="" data-original-title="Delete Course From List"><button type="button" class="close" id="Button1">&times;</button></a>
      </td>
    </tr>
    <tr>
      <td>1</td>
      <td>Irrationality for Beginners</td>
      <td>Dan Ariely</td>
      <td>Duke University</td>
      <td><a href="https://class.coursera.org/behavioralecon-001/class/index">Coursera</a></td>
      <td>Not Voted Yet</td>
      <td>
      <a href="#" data-toggle="tooltip" title="" data-original-title="Delete Course From List"><button type="button" class="close" id="Button2">&times;</button></a>
      </td>
    </tr>
    <tr>
      <td>1</td>
      <td>Irrationality for Beginners</td>
      <td>Dan Ariely</td>
      <td>Duke University</td>
      <td><a href="https://class.coursera.org/behavioralecon-001/class/index">Coursera</a></td>
      <td>Not Voted Yet</td>
      <td>
      <a href="#" data-toggle="tooltip" title="" data-original-title="Delete Course From List"><button type="button" class="close" id="Button3">&times;</button></a>
      </td>
    </tr>
    <tr>
      <td>1</td>
      <td>Irrationality for Beginners</td>
      <td>Dan Ariely</td>
      <td>Duke University</td>
      <td><a href="https://class.coursera.org/behavioralecon-001/class/index">Coursera</a></td>
      <td>Not Voted Yet</td>
      <td>
      <a href="#" data-toggle="tooltip" title="" data-original-title="Delete Course From List"><button type="button" class="close" id="Button4">&times;</button></a>
      </td>
    </tr>
    <tr>
      <td>1</td>
      <td>Irrationality for Beginners</td>
      <td>Dan Ariely</td>
      <td>Duke University</td>
      <td><a href="https://class.coursera.org/behavioralecon-001/class/index">Coursera</a></td>
      <td>Not Voted Yet</td>
      <td>
      <a href="#" data-toggle="tooltip" title="" data-original-title="Delete Course From List"><button type="button" class="close" id="Button5">&times;</button></a>
      </td>
    </tr>
  </tbody>
</table>
 </div>
 <div class="hero-unit">
 <div style="background-color:White">
 <h3>My Comments</h3>
 <table class="table table-bordered">
  <tbody>
    <tr>
      <td>#| Course:Lecture</td>
      <td colspan="2"><p class="pull-right">Tarih/saat</p></td></tr>
      <tr>
      <td colspan="3">
      <div class="media">
      <div class="media-body">
      <h4 class="media-heading">Comment Caption</h4>
       comment content comment content comment content comment content comment content comment content comment content comment content comment content comment content comment content comment content comment content
       </div>
      </div>
      </td></tr>
      <tr>
      <td><a class="pull-left" href="#">See all comments</a></td>
      <td><p class="text-success pull-right"># of agrees</p></td>
      <td style="width:120px">
      <p class="text-error pull-right"># of disagrees</p>
      </td>
    </tr>
  </tbody>
</table>
</div>
</div>
</div>
 }